<template>
  <div class="default-block" v-if="blockItems.length">
    <div class="title">{{ title }}</div>
    <div class="block-items">
      <DefaultBlockItem v-for="item in blockItems" :value="item" :key="item" />
    </div>
  </div>
</template>

<script>
import DefaultBlockItem from '@/components/detail/trackingPoolCustom/DefaultBlockItem.vue';
export default {
  components: {
    DefaultBlockItem,
  },
  props: {
    title: {
      type: String,
      default: '',
    },
    blockItems: {
      type: Array,
      default: () => [],
    },
  },
};
</script>
<style lang="less" scoped>
.default-block {
  margin-top: 16px;
  .title {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: var(--text-3);
    line-height: 20px;
    font-weight: 500;
  }
  .block-items{
    padding: 12px 0 8px;
  }
}
</style>
